<template>
  <div class="mo_footer">
    <div class="introductory">
      <div class="findus">
        <p class="adddis">联系我们</p>
        <p class="adddis2">拨打热线：0871-565698</p>
        <p class="adddis2">邮政编码：660000</p>
        <p class="adddis2">公司地址：云南省昆明市东风东路建工大厦</p>
      </div>
      <div class="aboutUs">
        <p class="adddis">关于我们</p>
        <p class="adddis2 ">
          {{ content_text }}
        </p>
        <p class="adddis2 addtext" @click="ToaboutUs()">查看更多》</p>
      </div>
      <div>
        <div>
          <el-image class="addspace" :src="erRCode_img" fit="cover"></el-image>
          <p class="adddis3 addline">扫一扫进入公众号</p>
        </div>
      </div>
    </div>
    <el-footer height="96px">
      <p class="addfooter">
        <span>
          Copyright © 2020 Sohu All Rights Reserved. 昆明公司 版权所有
        </span>
      </p>
      <p class="addfooter">
        <span class="addto" @click="ToOut()">备案号：滇ICP备17003498号-1 </span>
      </p>
    </el-footer>
  </div>
</template>
<script>
export default {
  data() {
    return {
      erRCode_img: require("../../assets/images/erRCode.png"),
      content_title: "关于我们",
      content_text: ""
    };
  },
  created() {
    //关于我们
    this.sy_about();
  },
  methods: {
    //关于我们
    sy_about() {
      let _this = this;
      _this.$axios.post(_this.$basis + "/sy_about").then(res => {
        let data = res.data.data;
        let resdata = res.data;
        _this.sy_about = [];
        switch (resdata.code) {
          case 0:
            _this.content_text = data.about;

            break;
          case 1:
            console.log(resdata.msg);
            break;
        }
      });
    },
    ToaboutUs() {
      this.$router.push("/Aboutus");
    },
    ToOut() {
      let Url = "http://www.beian.miit.gov.cn/";
      window.open(Url, "_blank");
    }
  }
};
</script>
<style lang="scss">
.mo_footer {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  min-width: 1200px;
  height: auto;
  padding: 11px 18.75% 11px 18.75%;
  color: #fefefe;
  background: #333333;
  .introductory {
    width: 100%;
    min-width: 850px;
    height: 190px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #707070;
    padding-top: 54px;
    text-align: left;
    .findus {
      width: 280px;
    }
    .adddis {
      display: flex;
      padding-bottom: 13px;
      font-size: 16px;
    }
    .adddis2 {
      display: flex;
      padding-bottom: 7px;
      font-size: 14px;
    }
    .adddis3 {
      display: flex;
      font-size: 12px;
    }
    .addline {
      display: flex;
      padding-top: 5px;
    }
    .addtext {
      display: flex;
      text-align: right;
      padding-top: 8px;
      cursor: pointer;
    }
    .aboutUs {
      //width: 722px;
      width: 722px;
      height: auto;
      padding-left: 131px;
      padding-right: 40px;
    }
  }
  .addspace {
    width: 100px;
    height: 100px;
  }

  .el-footer {
    padding: none;
    text-align: center;
    .fo_copy {
      color: rgb(99, 99, 99);
    }
    .addfooter {
      padding-top: 20px;
      font-size: 13px;
    }
  }
  .addto {
    color: #558ff8;
    cursor: pointer;
  }
  .addto:hover {
    color: blue;
  }
}
</style>
